<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
    <style type="text/css">
        * { margin:0; padding:0; }
        html, body { height:100%; width:100%; overflow:hidden }
        .wrap { background:#FF8C00; width:100%; overflow-y:scroll; height:100%; position:absolute; top:0; z-index:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border-top:100px solid #fff; border-bottom:100px solid #fff; }
        .top { height:100px; width:100%; background:#6B8E23; position:absolute; top:0; left:0; z-index:100; }
        .footer { height:100px; width:100%; background: #EE4063; position: absolute; bottom:0; left:0; z-index:100 }    
    </style>
    <div class="top">
        header 100px;
    </div>
    <div class="wrap">
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body <br/>
        body -----------------------------------<br/>

    </div>
    <div class="footer">
        footer 100px
    </div>

</html>